﻿@using BonjourQuotation.UI.Models.ReportModel
@model FrmVendorGroupReportViewModel
@if(Model.MenuReportVendorGroupView)
{ 
{
    @Scripts.Render("~/Scripts/UIScript/Report.js")
}
<div class="container">
    <div class="FormsDiv">
        @using (@Html.BeginForm("VendorGroupReport", "Report", FormMethod.Post, new { id = "VendorGroupReportForm" }))
        {
            <div class="SearchReportTitleDiv">
                <h3>Vendor-Group Report</h3>
            </div>
    <div class="SearchVendorGroupReportDiv">
        <div id="AutoCompleteDiv" style="text-align: left; display: none; z-index: 999999 !important;"></div>
        <div class="pull-left" style="margin-bottom:15px; width:44% !important">
            <div class="row form-row">
                <div class=" col-lg-7" style="width: 57% !important;">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Tabs)</span>
                        @Html.DropDownListFor(model => Model.SelectedTab, new SelectList(Model.Tabs, "Value", "Text"), new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                    </div>
                </div>
                <div class=" col-lg-5" style="width: 43% !important;">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.PaperFormats)</span>
                        @Html.DropDownListFor(model => Model.PaperType, new SelectList(Model.PaperFormats, "Value", "Text"), new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                    </div>
                </div>
            </div>
            <div class="row form-row">
                <div class=" col-lg-12">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.ReportSelectedVendorName)</span>
                        @Html.TextBoxFor(model => model.ReportSelectedVendorName, new { @class = "table_inputs_SmallPadding2 inpputgr form-control QuotaTxtComplete TextBox Required" })
                        @Html.HiddenFor(model => model.SelectedVendorID)
                    </div>
                </div>
            </div>
            <div class="row form-row">
                <div class=" col-lg-12">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">Date Range:</span>
                    </div>
                </div>
            </div>
            <div class="row form-row">
                <div class=" col-lg-12">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Lower)</span>
                        @Html.TextBoxFor(model => model.Lower, new { @class = "table_inputs_SmallPadding2 inpputgr form-control SearchDeteilsDataCalendarFrom TextBox Required Date", @style = "cursor:pointer", @placeholder = "dd/mmm/yyyy" })
                    </div>
                </div>
            </div>
            <div class="row form-row">
                <div class=" col-lg-12">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Upper)</span>
                        @Html.TextBoxFor(model => model.Upper, new { @class = "table_inputs_SmallPadding2 inpputgr form-control SearchDeteilsDataCalendarTo TextBox Required Date", @style = "cursor:pointer", @placeholder = "dd/mmm/yyyy" })
                    </div>
                </div>
            </div>
        </div>
        <div class="pull-left" style="margin-bottom:15px; width:18% !important">
            <div style="text-align: left;">
                <span style="font-style:italic;cursor:pointer;" class="VendorGroupAllColumnSpan">Columns:</span>
                <input type="checkbox" class="table_inputs_checkbox" name="VendorGroupAllColumn" id="VendorGroupAllColumn">
            </div>
            <div id="TabColumns" style="border-width: 2px; border-style: groove; border: 1px solid #ccc; text-align: left;">
                @Html.CheckBoxListFor(model => model.SelectedTabColumns,
                                      model => model.TabColumns,
                                      col => col.Id,
                                      col => col.Name,
                                      model => model.TabSelColumns,
                                      MvcCheckBoxList.Model.Position.Vertical,
                                      x => new { @class = "VendorGroupChechBoxChange" })
            </div>
        </div>
        <div class="pull-left" style="margin-bottom:15px; width:18% !important">
            <div style="text-align: left;">
                <span style="font-style:italic;cursor:pointer;" class="VendorGroupAllStatusSpan">Statuses:</span>
                <input type="checkbox" class="table_inputs_checkbox" name="VendorGroupAllStatus" id="VendorGroupAllStatus">
            </div>
            <div id="Statuses" style="border-width: 2px; border-style: groove; border: 1px solid #ccc; text-align: left;">
                @Html.CheckBoxListFor(model => model.SelectedStatus,
                                               model => model.Status,
                                               col => col.Id,
                                               col => col.Name,
                                               model => model.SelStatus,
                                               MvcCheckBoxList.Model.Position.Vertical,
                                               x => new { @class = "VendorGroupStatusChechBoxChange" })
            </div>
        </div>
        <div class="pull-left" style="margin-bottom:15px; width:20% !important">
            <div class="row form-row">
                <div class=" col-lg-12">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.IsGir)</span>
                        @Html.DropDownListFor(model => Model.SelectedIsGir, new SelectList(Model.IsGir, "Value", "Text"), "select", new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                    </div>
                </div>
            </div>
            <div class="row form-row">
                <div class=" col-lg-12">
                    <div class="input-group" id="CityDropSearchDiv">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.CityDrop)</span>
                        @Html.DropDownListFor(model => Model.SelectedCityText, new SelectList(Model.CityDrop, "Value", "Text"), "select", new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                    </div>
                    <div class="input-group" id="CitySearchDiv" style="display:none">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.ReportCitySearch)</span>
                        @Html.TextBoxFor(model => model.ReportCitySearch, new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                    </div>
                    <div class="input-group" id="CategorySearchDiv" style="display:none">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Category)</span>
                        @Html.DropDownListFor(model => Model.SelectedCategory, new SelectList(Model.Category, "Value", "Text"), "select", new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                    </div>
                    <div class="input-group" id="PlaneSearchDiv" style="display:none">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Plane)</span>
                        @Html.DropDownListFor(model => Model.SelectedPlane, new SelectList(Model.Plane, "Value", "Text"), "select", new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                    </div>
                </div>
            </div>
        </div>
        <div style="width: 100% !important;height: 80px;float: left;">
            <button class="btn14 btn50" type="button" id="CancelButton">Cancel</button>
            @if (Model.MenuReportVendorGroupEdit)
            {
                <button class="btn14 btn50" type="button" id="VendorGroupSumBtn">Search</button>
                @Html.LabelFor(model => Model.RunExcel)
                @Html.CheckBoxFor(model => Model.RunExcel, new { @class = "table_inputs_checkbox" })
            }
            else
            {
                <button class="btn14 btn50" type="button" disabled="disabled" id="VendorGroupSumBtn">Search</button>
            }
            <div id="LoadingDiv" style="display:none;">
                <img alt="loading" src="../../Content/Images/AjaxLoader.gif" />
            </div>
        </div>
    </div>
        }
    </div>
</div>
}
else
{
    <div class="container">
        <div class="FormsDiv" id="FormsDiv">
            <h1>You Have Not permission for this page</h1>
        </div>
    </div>
} 



